<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商城-首页</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/base_header_index.css">
    <link rel="stylesheet" href="css/base_footer.css">
    <link rel="stylesheet" href="lib/banner/css/banner.css">
    <link rel="stylesheet" href="lib/swiper/css/swiper_index.css">
    <link rel="stylesheet" href="lib/swiper/css/swiper_min.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!-- 顶部菜单栏 -->
    <header class="floor">
        <!-- 顶部通栏 -->
        <div class="top">
            <!-- 版心 -->
            <div class="w1200">
                <!-- 左边url -->
                <span class="fl">乐购&emsp;legochina.cn</span>
                <!-- 右边欢迎语 -->
                <div class="welcome fr">欢迎光临乐购&emsp;请<a href="login.html">登陆</a>|<a href="register.html">注册</a>
                </div>
            </div>
        </div>
        <!-- 导航菜单栏 -->
        <div class="w1200 nav rel">
            <!-- logo -->
            <!-- 这里使用h1标签的目的是为了提高logo的权重 -->
            <h1 class="logo abs">
                <a href="index.html">乐购</a>
            </h1>
            <!-- 搜索框和购物车按钮 -->
            <div class="search-buy fl">
                <!-- 搜索框 -->
                <div class="search-box fl">
                    <input class="search-cont" type="text" placeholder="请输入搜索的商品名">
                    <button class="search-btn fr"></button>
                </div>
                <!-- 购物车和订单 -->
                <div class="buy fr">
                    <div class="buy-box fl"><a href="cart.html">购物车</a></div>
                    <div class="buy-order fl"><a href="pay.html">我的订单</a></div>
                </div>
            </div>
            <!-- 导航栏 -->
            <nav class="fl">
                <ul class="fl">
                    <li><a href="sale.html">图书</a></li>
                    <li><a href="sale.html">电子书</a></li>
                    <li><a href="sale.html">原创文学</a></li>
                    <li><a href="sale.html">服装</a></li>
                    <li><a href="sale.html">户外运动</a></li>
                    <li><a href="sale.html">孕婴童</a></li>
                    <li><a href="sale.html">家居</a></li>
                    <li><a href="sale.html">创意文具</a></li>
                    <li><a href="sale.html">地方特产</a></li>
                    <li><a href="sale.html">海外购</a></li>
                    <li><a href="sale.html">电器城</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <!-- banner轮播图 -->
    <div class="banner clearfix">
        <div class="banner-cont rel w1200">
            <div class="menu fl">
                <ul>
                    <li>
                        <a href="">图书 电子书 童书</a>
                        <div class="box abs">
                            <script>
                                for (let i = 0; i < 18; i++) {
                                    document.write(`
                                    <a href="">全面屏电视</a>
                                    <a href="">OLED电视</a>
                                    `);
                                }
                            </script>
                        </div>
                    </li>
                    <li>
                        <a href="">女装 男装 内衣</a>
                        <div class="box abs">
                            <script>
                                for (let i = 0; i < 18; i++) {
                                    document.write(`
                                <a href="">全面屏电视</a>
                                <a href="">OLED电视</a>
                                `);
                                }
                            </script>
                        </div>
                    </li>
                    <li>
                        <a href="">童装玩具 孕产 用品</a>
                        <div class="box abs">
                            <script>
                                for (let i = 0; i < 18; i++) {
                                    document.write(`
                                <a href="">全面屏电视</a>
                                <a href="">OLED电视</a>
                                `);
                                }
                            </script>
                        </div>
                    </li>
                    <li>
                        <a href="">家电 数码 手机</a>
                        <div class="box abs">
                            <script>
                                for (let i = 0; i < 18; i++) {
                                    document.write(`
                                <a href="">全面屏电视</a>
                                <a href="">OLED电视</a>
                                `);
                                }
                            </script>
                        </div>
                    </li>
                    <li>
                        <a href="">美妆 洗护 保健品</a>
                        <div class="box abs">
                            <script>
                                for (let i = 0; i < 18; i++) {
                                    document.write(`
                                <a href="">全面屏电视</a>
                                <a href="">OLED电视</a>
                                `);
                                }
                            </script>
                        </div>
                    </li>
                    <li>
                        <a href="">美妆 洗护 保健品</a>
                        <div class="box abs">
                            <script>
                                for (let i = 0; i < 18; i++) {
                                    document.write(`
                                <a href="">全面屏电视</a>
                                <a href="">OLED电视</a>
                                `);
                                }
                            </script>
                        </div>
                    </li>
                    <li>
                        <a href="">美妆 洗护 保健品</a>
                        <div class="box abs">
                            <script>
                                for (let i = 0; i < 18; i++) {
                                    document.write(`
                                <a href="">全面屏电视</a>
                                <a href="">OLED电视</a>
                                `);
                                }
                            </script>
                        </div>
                    </li>
                    <li>
                        <a href="">美妆 洗护 保健品</a>
                        <div class="box abs">
                            <script>
                                for (let i = 0; i < 18; i++) {
                                    document.write(`
                                <a href="">全面屏电视</a>
                                <a href="">OLED电视</a>
                                `);
                                }
                            </script>
                        </div>
                    </li>
                    <li>
                        <a href="">美妆 洗护 保健品</a>
                        <div class="box abs">
                            <script>
                                for (let i = 0; i < 18; i++) {
                                    document.write(`
                                <a href="">全面屏电视</a>
                                <a href="">OLED电视</a>
                                `);
                                }
                            </script>
                        </div>
                    </li>
                    <li>
                        <a href="">美妆 洗护 保健品</a>
                        <div class="box abs">
                            <script>
                                for (let i = 0; i < 18; i++) {
                                    document.write(`
                                <a href="">全面屏电视</a>
                                <a href="">OLED电视</a>
                                `);
                                }
                            </script>
                        </div>
                    </li>
                    <li>
                        <a href="">美妆 洗护 保健品</a>
                        <div class="box abs">
                            <script>
                                for (let i = 0; i < 18; i++) {
                                    document.write(`
                                <a href="">全面屏电视</a>
                                <a href="">OLED电视</a>
                                `);
                                }
                            </script>
                        </div>
                    </li>
                    <li>
                        <a href="">美妆 洗护 保健品</a>
                        <div class="box abs">
                            <script>
                                for (let i = 0; i < 18; i++) {
                                    document.write(`
                                <a href="">全面屏电视</a>
                                <a href="">OLED电视</a>
                                `);
                                }
                            </script>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="slide">
            <!-- 轮播广告 -->
            <div id="banner_tabs" class="flexslider">
                <ul class="slides">
                    <li>
                        <a href="javascript:;">
                            <img width="1920" height="450"
                                style="background: url(images/index/banner1.jpg) no-repeat center;"
                                src="lib/banner/images/alpha.png">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img width="1920" height="450"
                                style="background: url(images/index/banner2.jpg) no-repeat center;"
                                src="lib/banner/images/alpha.png">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img width="1920" height="450"
                                style="background: url(images/index/banner3.jpg) no-repeat center;"
                                src="lib/banner/images/alpha.png">
                        </a>
                    </li>
                </ul>
                <ul class="flex-direction-nav">
                    <li><a class="flex-prev" href="javascript:;">Previous</a></li>
                    <li><a class="flex-next" href="javascript:;">Next</a></li>
                </ul>
                <ol id="bannerCtrl" class="flex-control-nav flex-control-paging">
                    <li><a>1</a></li>
                    <li><a>2</a></li>
                    <li><a>2</a></li>
                </ol>
            </div>
        </div>
    </div>

    <!-- 秒杀 -->
    <div class="recommend w1200 clearfix">
        <div class="rec fl">
            <img src="images/index_rec1.jpg">
        </div>
        <div class="rec fl">
            <img src="images/index_rec2.jpg">
        </div>
        <div class="rec fl">
            <img src="images/index_rec3.jpg">
        </div>
        <div class="rec fl">
            <img src="images/index_rec1.jpg">
        </div>
        <!-- 广告 -->
        <div class="recommend-ad">
            <img src="images/index_ad.png">
        </div>
        <div class="cutdown-box">
            <!-- 秒杀-倒计时 -->
            <div class="recommend-cutdown fl">
                <div class="recommend-pic">
                    <div class="recommend-time">
                        <h2>乐购-今日秒杀</h2>
                        <img src="images/index_flash.png">
                        <h3>倒计时</h3>
                        <div class="recommend-time-on">
                            <span id="hour">00</span>时<span id="minute">00</span>分<span id="seconds">00</span>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 秒杀-轮播 -->
            <div class="recommend-show fr">
                <div class="mn-wrap">
                    <div class="swiper-container mn-swiper">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <img src="images/index_swiper1.jpg">
                            </div>
                            <div class="swiper-slide">
                                <img src="images/index_swiper2.jpg">
                            </div>
                            <div class="swiper-slide">
                                <img src="images/index_swiper3.jpg">
                            </div>
                            <div class="swiper-slide">
                                <img src="images/index_swiper4.jpg">
                            </div>
                        </div>
                        <!-- 如果需要导航按钮 -->
                        <div class="swiper-button-prev arrow-left"></div>
                        <div class="swiper-button-next arrow-right"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 每日推荐 -->
    <div class="everyday floor">
        <div class=" w1200">
            <h2>每日好货推荐</h2>
            <div class="everyday-boxl fl">
                <h3><span>乐购快抢</span>&emsp;美好生活抢先到</h3>
                <p>品质好物 天天低价 》</p>
                <div class="everyday-pic"><img src="images/index_everyday1.jpg"></div>
                <div class="everyday-pic"><img src="images/index_everyday2.jpg"></div>
                <div class="everyday-pic"><img src="images/index_everyday3.jpg"></div>
            </div>
            <div class="everyday-boxr fr">
                <h3><span>品牌活动</span>&emsp;最后疯抢&emsp;3折封顶</h3>
                <p>品质好物 天天低价 》</p>
                <div class="everyday-pic"><img src="images/index_everyday1.jpg"></div>
                <div class="everyday-pic"><img src="images/index_everyday2.jpg"></div>
                <div class="everyday-pic"><img src="images/index_everyday3.jpg"></div>
            </div>
        </div>
    </div>

    <!-- 服装配饰 -->
    <div class="cloth floor">
        <div class="w1200">
            <!-- 标签标题 -->
            <div class="cloth-title clearfix" id="cloth-title">
                <span class="fl">
                    服装配饰
                </span>
                <ul class="cloth-tabs fr">
                    <li class="tabOn">热销内衣</li>
                    <li>精品男装</li>
                    <li>童装童鞋</li>
                </ul>
            </div>
            <!-- 内容 -->
            <div class="cloth-conts clearfix" id="cloth-conts">
                <!-- 内容1 -->
                <div class="cloth-cont1 cloth-cont contOn">
                    <!-- 左边选项 -->
                    <div class="contl fl">
                        <div class="contl-pic">
                            <img src="images/index/index_cloth1.jpg">
                        </div>
                        <div class="contl-lab">
                            <a href="sale.html">女装</a>
                            <a href="sale.html">女装</a>
                            <a href="sale.html">女装</a>
                            <a href="sale.html">女帽</a>
                            <a href="sale.html">女帽</a>
                            <a href="sale.html">女帽</a>
                            <a href="sale.html">女鞋</a>
                            <a href="sale.html">女鞋</a>
                            <a href="sale.html">女鞋</a>
                        </div>
                    </div>
                    <!-- 中间轮播内容 -->
                    <div class="contm fl">
                        <div class="contm-slide">
                            <!-- 滑动滑出 -->
                            <div class="cloth_tab11 flexslider">
                                <ul class="slides">
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(images/index/banner_cont1.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(images/index/banner_cont2.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(images/index/banner_cont3.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                </ul>
                                <ul class="flex-direction-nav">
                                    <li><a class="flex-prev" href="javascript:;">Previous</a></li>
                                    <li><a class="flex-next" href="javascript:;">Next</a></li>
                                </ul>
                                <ol class="clothCtrl11 flex-control-nav flex-control-paging">
                                    <li><a>1</a></li>
                                    <li><a>2</a></li>
                                    <li><a>2</a></li>
                                </ol>
                            </div>
                        </div>
                        <div class="contm-down">
                            <div><img src="images/index_cloth2.jpg"></div>
                        </div>
                    </div>
                    <!-- 右边方框 -->
                    <div class="contr fr">
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth3.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth4.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth5.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth6.jpg">
                        </div>
                    </div>
                    <!-- 下边品牌 -->
                    <div class="contd">
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                    </div>
                </div>
                <!-- 内容2 -->
                <div class="cloth-cont2 cloth-cont">
                    <!-- 左边选项 -->
                    <div class="contl fl">
                        <div class="contl-pic">
                            <img src="images/index/index_cloth2.jpg">
                        </div>
                        <div class="contl-lab">
                            <a href="sale.html">男装</a>
                            <a href="sale.html">男装</a>
                            <a href="sale.html">男装</a>
                            <a href="sale.html">男帽</a>
                            <a href="sale.html">男帽</a>
                            <a href="sale.html">男帽</a>
                            <a href="sale.html">男鞋</a>
                            <a href="sale.html">男鞋</a>
                            <a href="sale.html">男鞋</a>
                        </div>
                    </div>
                    <!-- 中间轮播内容 -->
                    <div class="contm fl">
                        <div class="contm-slide">
                            <!-- 滑动滑出 -->
                            <div class="cloth_tab12 flexslider">
                                <ul class="slides">
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(images/index/banner_cont4.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(images/index/banner_cont5.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(images/index/banner_cont6.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                </ul>
                                <ul class="flex-direction-nav">
                                    <li><a class="flex-prev" href="javascript:;">Previous</a></li>
                                    <li><a class="flex-next" href="javascript:;">Next</a></li>
                                </ul>
                                <ol class="clothCtrl12 flex-control-nav flex-control-paging">
                                    <li><a>1</a></li>
                                    <li><a>2</a></li>
                                    <li><a>2</a></li>
                                </ol>
                            </div>
                        </div>
                        <div class="contm-down">
                            <div><img src="images/index_cloth2.jpg"></div>
                        </div>
                    </div>
                    <!-- 右边方框 -->
                    <div class="contr fr">
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth6.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth3.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth4.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth5.jpg">
                        </div>
                    </div>
                    <!-- 下边品牌 -->
                    <div class="contd">
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                    </div>
                </div>
                <!-- 内容3 -->
                <div class="cloth-cont3 cloth-cont">
                    <!-- 左边选项 -->
                    <div class="contl fl">
                        <div class="contl-pic">
                            <img src="images/index/index_cloth3.jpg">
                        </div>
                        <div class="contl-lab">
                            <a href="sale.html">童装</a>
                            <a href="sale.html">童装</a>
                            <a href="sale.html">童装</a>
                            <a href="sale.html">童帽</a>
                            <a href="sale.html">童帽</a>
                            <a href="sale.html">童帽</a>
                            <a href="sale.html">童鞋</a>
                            <a href="sale.html">童鞋</a>
                            <a href="sale.html">童鞋</a>
                        </div>
                    </div>
                    <!-- 中间轮播内容 -->
                    <div class="contm fl">
                        <div class="contm-slide">
                            <!-- 滑动滑出 -->
                            <div class="cloth_tab13 flexslider">
                                <ul class="slides">
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(lib/banner/images/banner1.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(lib/banner/images/banner2.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(lib/banner/images/banner3.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                </ul>
                                <ul class="flex-direction-nav">
                                    <li><a class="flex-prev" href="javascript:;">Previous</a></li>
                                    <li><a class="flex-next" href="javascript:;">Next</a></li>
                                </ul>
                                <ol class="clothCtrl13 flex-control-nav flex-control-paging">
                                    <li><a>1</a></li>
                                    <li><a>2</a></li>
                                    <li><a>2</a></li>
                                </ol>
                            </div>
                        </div>
                        <div class="contm-down">
                            <div><img src="images/index_cloth2.jpg"></div>
                        </div>
                    </div>
                    <!-- 右边方框 -->
                    <div class="contr fr">
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth5.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth6.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth3.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth4.jpg">
                        </div>
                    </div>
                    <!-- 下边品牌 -->
                    <div class="contd">
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 母婴童装 -->
    <div class="cloth floor">
        <div class="w1200">
            <!-- 标签标题 -->
            <div class="cloth-title clearfix" id="baby-title">
                <span class="fl">
                    母婴童装
                </span>
                <ul class="cloth-tabs fr">
                    <li class="tabOn">热销内衣</li>
                    <li>精品男装</li>
                    <li>童装童鞋</li>
                </ul>
            </div>
            <!-- 内容 -->
            <div class="cloth-conts clearfix" id="baby-conts">
                <!-- 内容1 -->
                <div class="cloth-cont1 cloth-cont contOn">
                    <!-- 左边选项 -->
                    <div class="contl fl">
                        <div class="contl-pic">
                            <img src="images/index/index_cloth1.jpg">
                        </div>
                        <div class="contl-lab">
                            <a href="sale.html">女装</a>
                            <a href="sale.html">女装</a>
                            <a href="sale.html">女装</a>
                            <a href="sale.html">女帽</a>
                            <a href="sale.html">女帽</a>
                            <a href="sale.html">女帽</a>
                            <a href="sale.html">女鞋</a>
                            <a href="sale.html">女鞋</a>
                            <a href="sale.html">女鞋</a>
                        </div>
                    </div>
                    <!-- 中间轮播内容 -->
                    <div class="contm fl">
                        <div class="contm-slide">
                            <!-- 滑动滑出 -->
                            <div class="cloth_tab21 flexslider">
                                <ul class="slides">
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(lib/banner/images/banner1.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(lib/banner/images/banner2.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(lib/banner/images/banner3.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                </ul>
                                <ul class="flex-direction-nav">
                                    <li><a class="flex-prev" href="javascript:;">Previous</a></li>
                                    <li><a class="flex-next" href="javascript:;">Next</a></li>
                                </ul>
                                <ol class="clothCtrl21 flex-control-nav flex-control-paging">
                                    <li><a>1</a></li>
                                    <li><a>2</a></li>
                                    <li><a>2</a></li>
                                </ol>
                            </div>
                        </div>
                        <div class="contm-down">
                            <div><img src="images/index_cloth2.jpg"></div>
                        </div>
                    </div>
                    <!-- 右边方框 -->
                    <div class="contr fr">
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth3.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth4.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth5.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth6.jpg">
                        </div>
                    </div>
                    <!-- 下边品牌 -->
                    <div class="contd">
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                    </div>
                </div>
                <!-- 内容2 -->
                <div class="cloth-cont2 cloth-cont">
                    <!-- 左边选项 -->
                    <div class="contl fl">
                        <div class="contl-pic">
                            <img src="images/index/index_cloth2.jpg">
                        </div>
                        <div class="contl-lab">
                            <a href="sale.html">男装</a>
                            <a href="sale.html">男装</a>
                            <a href="sale.html">男装</a>
                            <a href="sale.html">男帽</a>
                            <a href="sale.html">男帽</a>
                            <a href="sale.html">男帽</a>
                            <a href="sale.html">男鞋</a>
                            <a href="sale.html">男鞋</a>
                            <a href="sale.html">男鞋</a>
                        </div>
                    </div>
                    <!-- 中间轮播内容 -->
                    <div class="contm fl">
                        <div class="contm-slide">
                            <!-- 滑动滑出 -->
                            <div class="cloth_tab22 flexslider">
                                <ul class="slides">
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(lib/banner/images/banner1.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(lib/banner/images/banner2.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(lib/banner/images/banner3.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                </ul>
                                <ul class="flex-direction-nav">
                                    <li><a class="flex-prev" href="javascript:;">Previous</a></li>
                                    <li><a class="flex-next" href="javascript:;">Next</a></li>
                                </ul>
                                <ol class="clothCtrl22 flex-control-nav flex-control-paging">
                                    <li><a>1</a></li>
                                    <li><a>2</a></li>
                                    <li><a>2</a></li>
                                </ol>
                            </div>
                        </div>
                        <div class="contm-down">
                            <div><img src="images/index_cloth2.jpg"></div>
                        </div>
                    </div>
                    <!-- 右边方框 -->
                    <div class="contr fr">
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth6.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth3.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth4.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth5.jpg">
                        </div>
                    </div>
                    <!-- 下边品牌 -->
                    <div class="contd">
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                    </div>
                </div>
                <!-- 内容3 -->
                <div class="cloth-cont3 cloth-cont">
                    <!-- 左边选项 -->
                    <div class="contl fl">
                        <div class="contl-pic">
                            <img src="images/index/index_cloth3.jpg">
                        </div>
                        <div class="contl-lab">
                            <a href="sale.html">童装</a>
                            <a href="sale.html">童装</a>
                            <a href="sale.html">童装</a>
                            <a href="sale.html">童帽</a>
                            <a href="sale.html">童帽</a>
                            <a href="sale.html">童帽</a>
                            <a href="sale.html">童鞋</a>
                            <a href="sale.html">童鞋</a>
                            <a href="sale.html">童鞋</a>
                        </div>
                    </div>
                    <!-- 中间轮播内容 -->
                    <div class="contm fl">
                        <div class="contm-slide">
                            <!-- 滑动滑出 -->
                            <div class="cloth_tab23 flexslider">
                                <ul class="slides">
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(lib/banner/images/banner1.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(lib/banner/images/banner2.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(lib/banner/images/banner3.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                </ul>
                                <ul class="flex-direction-nav">
                                    <li><a class="flex-prev" href="javascript:;">Previous</a></li>
                                    <li><a class="flex-next" href="javascript:;">Next</a></li>
                                </ul>
                                <ol class="clothCtrl23 flex-control-nav flex-control-paging">
                                    <li><a>1</a></li>
                                    <li><a>2</a></li>
                                    <li><a>2</a></li>
                                </ol>
                            </div>
                        </div>
                        <div class="contm-down">
                            <div><img src="images/index_cloth2.jpg"></div>
                        </div>
                    </div>
                    <!-- 右边方框 -->
                    <div class="contr fr">
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth5.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth6.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth3.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth4.jpg">
                        </div>
                    </div>
                    <!-- 下边品牌 -->
                    <div class="contd">
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 精致人生 -->
    <div class="cloth floor">
        <div class="w1200">
            <!-- 标签标题 -->
            <div class="cloth-title clearfix" id="life-title">
                <span class="fl">
                    精致人生
                </span>
                <ul class="cloth-tabs fr">
                    <li class="tabOn">热销内衣</li>
                    <li>精品男装</li>
                    <li>童装童鞋</li>
                </ul>
            </div>
            <!-- 内容 -->
            <div class="cloth-conts clearfix" id="life-conts">
                <!-- 内容1 -->
                <div class="cloth-cont1 cloth-cont contOn">
                    <!-- 左边选项 -->
                    <div class="contl fl">
                        <div class="contl-pic">
                            <img src="images/index/index_cloth1.jpg">
                        </div>
                        <div class="contl-lab">
                            <a href="sale.html">女装</a>
                            <a href="sale.html">女装</a>
                            <a href="sale.html">女装</a>
                            <a href="sale.html">女帽</a>
                            <a href="sale.html">女帽</a>
                            <a href="sale.html">女帽</a>
                            <a href="sale.html">女鞋</a>
                            <a href="sale.html">女鞋</a>
                            <a href="sale.html">女鞋</a>
                        </div>
                    </div>
                    <!-- 中间轮播内容 -->
                    <div class="contm fl">
                        <div class="contm-slide">
                            <!-- 滑动滑出 -->
                            <div class="cloth_tab31 flexslider">
                                <ul class="slides">
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(lib/banner/images/banner1.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(lib/banner/images/banner2.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(lib/banner/images/banner3.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                </ul>
                                <ul class="flex-direction-nav">
                                    <li><a class="flex-prev" href="javascript:;">Previous</a></li>
                                    <li><a class="flex-next" href="javascript:;">Next</a></li>
                                </ul>
                                <ol class="clothCtrl31 flex-control-nav flex-control-paging">
                                    <li><a>1</a></li>
                                    <li><a>2</a></li>
                                    <li><a>2</a></li>
                                </ol>
                            </div>
                        </div>
                        <div class="contm-down">
                            <div><img src="images/index_cloth2.jpg"></div>
                        </div>
                    </div>
                    <!-- 右边方框 -->
                    <div class="contr fr">
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth3.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth4.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth5.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth6.jpg">
                        </div>
                    </div>
                    <!-- 下边品牌 -->
                    <div class="contd">
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                    </div>
                </div>
                <!-- 内容2 -->
                <div class="cloth-cont2 cloth-cont">
                    <!-- 左边选项 -->
                    <div class="contl fl">
                        <div class="contl-pic">
                            <img src="images/index/index_cloth2.jpg">
                        </div>
                        <div class="contl-lab">
                            <a href="sale.html">男装</a>
                            <a href="sale.html">男装</a>
                            <a href="sale.html">男装</a>
                            <a href="sale.html">男帽</a>
                            <a href="sale.html">男帽</a>
                            <a href="sale.html">男帽</a>
                            <a href="sale.html">男鞋</a>
                            <a href="sale.html">男鞋</a>
                            <a href="sale.html">男鞋</a>
                        </div>
                    </div>
                    <!-- 中间轮播内容 -->
                    <div class="contm fl">
                        <div class="contm-slide">
                            <!-- 滑动滑出 -->
                            <div class="cloth_tab32 flexslider">
                                <ul class="slides">
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(lib/banner/images/banner1.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(lib/banner/images/banner2.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(lib/banner/images/banner3.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                </ul>
                                <ul class="flex-direction-nav">
                                    <li><a class="flex-prev" href="javascript:;">Previous</a></li>
                                    <li><a class="flex-next" href="javascript:;">Next</a></li>
                                </ul>
                                <ol class="clothCtrl32 flex-control-nav flex-control-paging">
                                    <li><a>1</a></li>
                                    <li><a>2</a></li>
                                    <li><a>2</a></li>
                                </ol>
                            </div>
                        </div>
                        <div class="contm-down">
                            <div><img src="images/index_cloth2.jpg"></div>
                        </div>
                    </div>
                    <!-- 右边方框 -->
                    <div class="contr fr">
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth6.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth3.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth4.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth5.jpg">
                        </div>
                    </div>
                    <!-- 下边品牌 -->
                    <div class="contd">
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                    </div>
                </div>
                <!-- 内容3 -->
                <div class="cloth-cont3 cloth-cont">
                    <!-- 左边选项 -->
                    <div class="contl fl">
                        <div class="contl-pic">
                            <img src="images/index/index_cloth3.jpg">
                        </div>
                        <div class="contl-lab">
                            <a href="sale.html">童装</a>
                            <a href="sale.html">童装</a>
                            <a href="sale.html">童装</a>
                            <a href="sale.html">童帽</a>
                            <a href="sale.html">童帽</a>
                            <a href="sale.html">童帽</a>
                            <a href="sale.html">童鞋</a>
                            <a href="sale.html">童鞋</a>
                            <a href="sale.html">童鞋</a>
                        </div>
                    </div>
                    <!-- 中间轮播内容 -->
                    <div class="contm fl">
                        <div class="contm-slide">
                            <!-- 滑动滑出 -->
                            <div class="cloth_tab33 flexslider">
                                <ul class="slides">
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(lib/banner/images/banner1.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(lib/banner/images/banner2.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(lib/banner/images/banner3.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                </ul>
                                <ul class="flex-direction-nav">
                                    <li><a class="flex-prev" href="javascript:;">Previous</a></li>
                                    <li><a class="flex-next" href="javascript:;">Next</a></li>
                                </ul>
                                <ol class="clothCtrl33 flex-control-nav flex-control-paging">
                                    <li><a>1</a></li>
                                    <li><a>2</a></li>
                                    <li><a>2</a></li>
                                </ol>
                            </div>
                        </div>
                        <div class="contm-down">
                            <div><img src="images/index_cloth2.jpg"></div>
                        </div>
                    </div>
                    <!-- 右边方框 -->
                    <div class="contr fr">
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth3.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth4.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth5.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth6.jpg">
                        </div>
                    </div>
                    <!-- 下边品牌 -->
                    <div class="contd">
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 家居生活 -->
    <div class="cloth floor">
        <div class="w1200">
            <!-- 标签标题 -->
            <div class="cloth-title clearfix" id="home-title">
                <span class="fl">
                    家居生活
                </span>
                <ul class="cloth-tabs fr">
                    <li class="tabOn">热销内衣</li>
                    <li>精品男装</li>
                    <li>童装童鞋</li>
                </ul>
            </div>
            <!-- 内容 -->
            <div class="cloth-conts clearfix" id="home-conts">
                <!-- 内容1 -->
                <div class="cloth-cont1 cloth-cont contOn">
                    <!-- 左边选项 -->
                    <div class="contl fl">
                        <div class="contl-pic">
                            <img src="images/index/index_cloth1.jpg">
                        </div>
                        <div class="contl-lab">
                            <a href="sale.html">女装</a>
                            <a href="sale.html">女装</a>
                            <a href="sale.html">女装</a>
                            <a href="sale.html">女帽</a>
                            <a href="sale.html">女帽</a>
                            <a href="sale.html">女帽</a>
                            <a href="sale.html">女鞋</a>
                            <a href="sale.html">女鞋</a>
                            <a href="sale.html">女鞋</a>
                        </div>
                    </div>
                    <!-- 中间轮播内容 -->
                    <div class="contm fl">
                        <div class="contm-slide">
                            <!-- 滑动滑出 -->
                            <div class="cloth_tab41 flexslider">
                                <ul class="slides">
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(lib/banner/images/banner1.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(lib/banner/images/banner2.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(lib/banner/images/banner3.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                </ul>
                                <ul class="flex-direction-nav">
                                    <li><a class="flex-prev" href="javascript:;">Previous</a></li>
                                    <li><a class="flex-next" href="javascript:;">Next</a></li>
                                </ul>
                                <ol class="clothCtrl41 flex-control-nav flex-control-paging">
                                    <li><a>1</a></li>
                                    <li><a>2</a></li>
                                    <li><a>2</a></li>
                                </ol>
                            </div>
                        </div>
                        <div class="contm-down">
                            <div><img src="images/index_cloth2.jpg"></div>
                        </div>
                    </div>
                    <!-- 右边方框 -->
                    <div class="contr fr">
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth3.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth4.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth5.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth6.jpg">
                        </div>
                    </div>
                    <!-- 下边品牌 -->
                    <div class="contd">
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd.jpg">
                        </div>
                    </div>
                </div>
                <!-- 内容2 -->
                <div class="cloth-cont2 cloth-cont">
                    <!-- 左边选项 -->
                    <div class="contl fl">
                        <div class="contl-pic">
                            <img src="images/index/index_cloth2.jpg">
                        </div>
                        <div class="contl-lab">
                            <a href="sale.html">男装</a>
                            <a href="sale.html">男装</a>
                            <a href="sale.html">男装</a>
                            <a href="sale.html">男帽</a>
                            <a href="sale.html">男帽</a>
                            <a href="sale.html">男帽</a>
                            <a href="sale.html">男鞋</a>
                            <a href="sale.html">男鞋</a>
                            <a href="sale.html">男鞋</a>
                        </div>
                    </div>
                    <!-- 中间轮播内容 -->
                    <div class="contm fl">
                        <div class="contm-slide">
                            <!-- 滑动滑出 -->
                            <div class="cloth_tab42 flexslider">
                                <ul class="slides">
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(lib/banner/images/banner1.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(lib/banner/images/banner2.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(lib/banner/images/banner3.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                </ul>
                                <ul class="flex-direction-nav">
                                    <li><a class="flex-prev" href="javascript:;">Previous</a></li>
                                    <li><a class="flex-next" href="javascript:;">Next</a></li>
                                </ul>
                                <ol class="clothCtrl42 flex-control-nav flex-control-paging">
                                    <li><a>1</a></li>
                                    <li><a>2</a></li>
                                    <li><a>2</a></li>
                                </ol>
                            </div>
                        </div>
                        <div class="contm-down">
                            <div><img src="images/index_cloth2.jpg"></div>
                        </div>
                    </div>
                    <!-- 右边方框 -->
                    <div class="contr fr">
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth6.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth3.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth4.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth5.jpg">
                        </div>
                    </div>
                    <!-- 下边品牌 -->
                    <div class="contd">
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd2.jpg">
                        </div>
                    </div>
                </div>
                <!-- 内容3 -->
                <div class="cloth-cont3 cloth-cont">
                    <!-- 左边选项 -->
                    <div class="contl fl">
                        <div class="contl-pic">
                            <img src="images/index/index_cloth3.jpg">
                        </div>
                        <div class="contl-lab">
                            <a href="sale.html">童装</a>
                            <a href="sale.html">童装</a>
                            <a href="sale.html">童装</a>
                            <a href="sale.html">童帽</a>
                            <a href="sale.html">童帽</a>
                            <a href="sale.html">童帽</a>
                            <a href="sale.html">童鞋</a>
                            <a href="sale.html">童鞋</a>
                            <a href="sale.html">童鞋</a>
                        </div>
                    </div>
                    <!-- 中间轮播内容 -->
                    <div class="contm fl">
                        <div class="contm-slide">
                            <!-- 滑动滑出 -->
                            <div class="cloth_tab43 flexslider">
                                <ul class="slides">
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(lib/banner/images/banner1.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(lib/banner/images/banner2.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <img width="450" height="300"
                                                style="background: url(lib/banner/images/banner3.jpg) no-repeat center;"
                                                src="lib/banner/images/alpha.png">
                                        </a>
                                    </li>
                                </ul>
                                <ul class="flex-direction-nav">
                                    <li><a class="flex-prev" href="javascript:;">Previous</a></li>
                                    <li><a class="flex-next" href="javascript:;">Next</a></li>
                                </ul>
                                <ol class="clothCtrl43 flex-control-nav flex-control-paging">
                                    <li><a>1</a></li>
                                    <li><a>2</a></li>
                                    <li><a>2</a></li>
                                </ol>
                            </div>
                        </div>
                        <div class="contm-down">
                            <div><img src="images/index_cloth2.jpg"></div>
                        </div>
                    </div>
                    <!-- 右边方框 -->
                    <div class="contr fr">
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth3.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth4.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth5.jpg">
                        </div>
                        <div class="contr-pic">
                            <h2>时尚精致女装</h2>
                            <p>大牌鞋包不止5折</p>
                            <img src="images/index_cloth6.jpg">
                        </div>
                    </div>
                    <!-- 下边品牌 -->
                    <div class="contd">
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                        <div class="contd-pic">
                            <img src="images/index_contd3.jpg">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 底部页脚 -->
    <footer>
        <!-- 底部链接 -->
        <div class="foot-up w1200">
            <div class="foot-up-box clearfix">
                <div class="foot-up-inf fl">
                    <img src="images/footer/foot_up_pic1.jpg">
                    <span>
                        正品保障<br>
                    </span>
                    <span>
                        赠品行货&emsp;放心选购
                    </span>
                </div>
                <div class="foot-up-inf fl">
                    <img src="images/footer/foot_up_pic2.jpg">
                    <span>
                        满86包邮<br>
                    </span>
                    <span>
                        满86元&emsp;免运费
                    </span>
                </div>
                <div class="foot-up-inf fl">
                    <img src="images/footer/foot_up_pic3.jpg">
                    <span>
                        售后无忧<br>
                    </span>
                    <span>
                        7天无理由退货
                    </span>
                </div>
                <div class="foot-up-inf fl">
                    <img src="images/footer/foot_up_pic4.jpg">
                    <span>
                        准时送达<br>
                    </span>
                    <span>
                        收货时间由你做主
                    </span>
                </div>
            </div>
            <!-- 链接部分 -->
            <div class="foot-up-link">
                <dl>
                    <dt>新手入门</dt>
                    <dd><a href="">购买流程</a></dd>
                    <dd><a href="">会员制度</a></dd>
                    <dd><a href="">订单查询</a></dd>
                    <dd><a href="">服务协议及隐私说明</a></dd>
                    <dd><a href="">网站地图</a></dd>
                </dl>
                <dl>
                    <dt>支付方式</dt>
                    <dd><a href="">货到付款</a></dd>
                    <dd><a href="">网上支付</a></dd>
                    <dd><a href="">礼品卡支付</a></dd>
                    <dd><a href="">其他支付</a></dd>
                </dl>
                <dl>
                    <dt>配送服务</dt>
                    <dd><a href="">配送进度查询</a></dd>
                    <dd><a href="">商品验货与签收</a></dd>
                </dl>
                <dl>
                    <dt>相关规则</dt>
                    <dd><a href="">平台规则</a></dd>
                    <dd><a href="">退换货政策</a></dd>
                    <dd><a href="">发票制度</a></dd>
                    <dd><a href="">帮助中心</a></dd>
                </dl>
                <dl>
                    <dt>App更优惠</dt>
                    <dd><img src="images/qc_code.png"></dd>
                </dl>
                <dl>
                    <dt>加微信查订单</dt>
                    <dd><img src="images/qc_code.png"></dd>
                </dl>

            </div>
        </div>
        <!-- 版权信息 -->
        <div class="foot-down">
            <div class="w1200">
                <span>
                    沪ICP备XXXXXXXXX号 | 经营证照 | 互联网药品信息服务资格证(沪)-经营性-2017-0006 | 违法和不良信息举报电话：XXX-XXXXXXXX | 沪B2-XXXXXXX
                    |
                </span>
                <span>
                    沪公网安备 XXXXXXXXX号 | 友情链接 | 出版物经营许可证 | 增值电信业务经营许可证
                </span>
                <div class="foot-down-pic">
                    举报图片
                    <img src="images/footer/foot_down_pic1.jpg">
                    <img src="images/footer/foot_down_pic2.jpg">
                    <img src="images/footer/foot_down_pic3.jpg">
                    <img src="images/footer/foot_down_pic4.jpg">
                    <img src="images/footer/foot_down_pic5.jpg">
                    <img src="images/footer/foot_down_pic6.jpg">
                </div>
            </div>
        </div>
    </footer>
    <!-- 搜索框 -->
    <div class="fixed-header">
    </div>

    <!-- 电梯导航 -->
    <div class="fixed-nav">
        <ul class="lift">
            <li>
                返回顶部
            </li>
            <li>
                每日推荐
            </li>
            <li>
                服装配饰
            </li>
            <li>
                母婴童装
            </li>
            <li>
                精致人生
            </li>
            <li>
                家居生活
            </li>
        </ul>
    </div>

    <!-- 固定二维码 -->
    <div class="fixed-code">
        <h3>下载APP</h3>
        <img src="images/qc_code.png">
        <p>扫码下载</p>
    </div>

    <!-- js -->
    <script src="lib/jquery.js"></script>
    <script src="lib/banner/js/slider.js"></script>
    <script src="lib/swiper/js/swiper.js"></script>
    <script src="js/index.js"></script>
</body>

</html>